@import "animate";
@import "color";

// 背景图片最大覆盖
.back-img__cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

// 背景图片最小覆盖
.back-img__contain {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

// 文字省略行
.text-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-hidden__1 {
  @extend .text-hidden;
  -webkit-line-clamp: 1;
}

.text-hidden__2 {
  @extend .text-hidden;
  -webkit-line-clamp: 2;
}

.text-hidden__3 {
  @extend .text-hidden;
  -webkit-line-clamp: 3;
}

.text-hidden__4 {
  @extend .text-hidden;
  -webkit-line-clamp: 4;
}

.text-hidden__8 {
  @extend .text-hidden;
  -webkit-line-clamp: 8;
}

/* 链接 */
.link {
  cursor: pointer;

  &,
  &:visited,
  &:hover,
  &:focus,
  &:active {
    text-decoration: none;
  }
}

.link:hover {
  color: #16a6fc;
}

/* 滚动条 */
.scroll {
  overflow-y: scroll;
}

.scroll::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(255, 255, 255, 0);
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #c9c9c9;
}

.text-area {
  white-space: pre-wrap;
}

.el-menu {
  border-right: revert;
}